import { createSlice, PayloadAction } from '@reduxjs/toolkit';

// 定义状态的接口
interface ColorState {
  bgColor: string; // 背景颜色的类型
}

// 设置初始状态
const initialState: ColorState = {
  bgColor: '#ffffff', // 默认背景颜色
};

// 创建 colorSlice
const colorSlice = createSlice({
  name: 'color',
  initialState,
  reducers: {
    setBgColor: (state, action: PayloadAction<string>) => {
      state.bgColor = action.payload; // 更新背景颜色
    },
  },
});

// 导出 actions 和 reducer
export const { setBgColor } = colorSlice.actions;

export default colorSlice.reducer;